<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Exercise 1</title>
    <meta
      content="width=device-width, initial-scale=1, maximum-scale=1"
      name="viewport"
    />

  <style>
  .container{
    /* Step 1: Set display to grid */
      display:grid;
   /* Step 2: setup rows amd columns */
      grid-template-columns: 300px 300px 1fr;
      grid-template-rows: 250px 600px;
      /*grid-template-areas: */
      border: 2px solid yellow;
  }
  .box{
        border: 1px solid red;
        grid-area: 1/3/2/4;
    }
    #one{ 
    /* set grid-area here: row start/column start/ row end/ column end */
    
  }
  </style>
  </head>

  <body>
  <div class = "container">
    <div id="one" class="box"> Space 1</div>
  
  </div>
  </body>
</html>